//底部窗口
.inpestion-container {
  height: 100%;
  padding: 4vh 5vw;

  .inpestion-container1 {
    background-image: url(../images/inspection-left.png);
    background-size: 100% 100%;
    margin-right: 1vw;
    width: 50%;
    position: relative;
    .inpestion-header {
      .taskText {
        left: 3%;
        top: 2%;
        font-size: 1.2vw;
        color: #76f0ee;
        position: absolute;
      }
    }
    .inpestion-main1 {
      top: 15%;
      width: 100%;
      position: absolute;
    }

    .inspect-table {
      border-top: 0.3vh solid rgba(37, 249, 254, 1);
      background-color: transparent;
      font-size: large;
      --el-table-text-color: white;
      --el-table-header-text-color: white;
      --el-table-border-color: rgba(37, 249, 254, 1);
      --el-table-row-hover-bg-color: rgb(118, 240, 238, 0.4);
      --el-table-current-row-bg-color: rgb(118, 240, 238, 0.4);

      .callBtn {
        background-image: url(../images/call.png);
        background-size: 100% 100%;
        height: 3vh;
        width: 95%;
        margin-right: 1vw;
      }
      .callBtn:hover {
        opacity: 1;
        cursor: pointer;
      }

      .operBtn {
        background-image: url(../images/oper.png);
        background-size: 100% 100%;
        height: 3vh;
        width: 95%;
        margin-right: 1vw;
      }

      .operBtn:hover {
        opacity: 1;
        cursor: pointer;
      }
    }

    :deep(.el-table tr) {
      background-color: transparent !important;
    }

    :deep(.el-table th, .el-table tr, .el-table td) {
      background-color: transparent !important;
    }

    //.inspect-table :deep(*){
    //  background-color: transparent;
    //}

    //.inpestion-footer1 {
    //  width: 100%;
    //  bottom: 5%;
    //  position: absolute;
    //  .confirmBtn {
    //    height: 5vh;
    //    width: 6vw;
    //    margin-left: 80%;
    //    .btn:hover{
    //      background: #15bc83;
    //      box-shadow: -1px 1px 1px rgba(0,0,0,.5);
    //      opacity: 0.8;
    //      cursor: pointer;
    //    }
    //  }
    //}

    //:deep(.el-checkbox.el-checkbox--large .el-checkbox__label) {
    //  font-size: 1vw;
    //  color: white;
    //  font-weight: 540;
    //}
    //
    //:deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
    //  background-color: #2bb673;
    //  //border-color: #2bb673;
    //}
  }

  .inpestion-container2 {
    background-image: url(../images/inspection-right.png);
    background-size: 100% 100%;
    width: 50%;
    position: relative;
    .inpestion-header {
      .taskText {
        top: 10%;
        width: 90%;
        text-align: center;
        // left: 40%;
        font-size: 1.2vw;
        color: #76f0ee;
        position: absolute;
      }
      .scanText {
        top: 6%;
        left: 70%;
        font-size: 0.9vw;
        color: #76f0ee;
        position: absolute;
        font-weight: bold;
      }
    }

    .inspect-table {
      border-top: 0.3vh solid rgba(37, 249, 254, 1);
      background-color: transparent;
      font-size: large;
      --el-table-text-color: white;
      --el-table-header-text-color: white;
      --el-table-border-color: rgba(37, 249, 254, 1);
      --el-table-row-hover-bg-color: rgb(118, 240, 238, 0.4);
      --el-table-current-row-bg-color: rgb(118, 240, 238, 0.4);
      margin-top: 2%;
      :deep(.no-border .el-input__wrapper) {
        border: none !important;
        box-shadow: none !important;
        .el-input__inner {
          outline: none;
          border-color: transparent;
          background: transparent !important;
          text-align: center !important;
          font-size: larger;
        }
      }
    }

    .inspect-table :deep(*) {
      background-color: transparent;
    }

    .inpestion-main2 {
      top: 15%;
      width: 100%;
      position: absolute;
      .inspectSummary {
        color: #9ba2a9;
        font-size: larger;
        font-weight: 600;
      }

      :deep(.el-input__inner) {
        box-shadow: none;
        border: 0 !important;
        background: black;
        border-bottom: 1px solid #eee;
        border-radius: 0;
        color: white;
        font-size: larger;
        --el-input-placeholder-color: white;
        //font-weight: bolder;
      }
    }

    .inpestion-footer2 {
      width: 100%;
      bottom: 10%;
      position: absolute;
      .confirmBtn {
        margin-left: 50%;
        .btn {
          width: 6vw;
          margin-left: 2vw;
        }
        .btn:hover {
          background: #15bc83;
          box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
          opacity: 0.8;
          cursor: pointer;
        }
      }
    }

    :deep(.el-checkbox.el-checkbox--large .el-checkbox__label) {
      font-size: 1vw;
      color: white;
      font-weight: 540;
    }

    :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
      background-color: #2bb673;
      //border-color: #2bb673;
    }
  }
}
